@width1: 360px;
@radius: 3px;
.borderWhite{
  border-bottom: #fff!important;
}
/*index中的父元素样式表*/
.wea-cowork-list {
  height: 100%;
  width: 360px;
  float: left;
  position: relative;
  border-right: 1px solid #E8E8E8;
  .wea-cowork-list-tabs {
    background: #fff;
    position: relative;
    .wea-tab {
      background: #fff;
      .ant-menu-sub {
        max-width: 100px;
        background: #fff;
        .ant-menu-item {
          border-bottom: 1px solid #ddd;

        }
      }
      .ant-menu-vertical>.ant-menu-item {
        padding: 0 10px 0 15px;
      }
    }
    .tabs-menu {
      position: absolute;
      top: 0;
      right: 0;
      width: 101px;
      border-right: none;
      background: none;
      .ant-menu-submenu-vertical>.ant-menu {
        min-width: 0;
      }
      .ant-menu-item-active,
      .ant-menu-item:hover,
      .ant-menu-submenu-active,
      .ant-menu-submenu-title:hover {
        background: transparent;
      }
      .ant-menu-submenu{
        color: #000;
        .ant-menu-submenu-title {
          padding: 0;
          &:after {
            content: '';
          }
        }
        position: relative;
        .ant-menu-vertical {
          @media screen and (min-height:800px) {
            max-height: 600px;
            overflow-y: scroll;
          }
          @media screen and (max-height:799px) {
            max-height: 400px;
            overflow-y: scroll;
          }
          &::-webkit-scrollbar
          {
            width: 0
          }
          
          position: absolute;
          top: 46px;
          left: -3px;
          margin-left: 0;
          width: 104px;
          border: 1px solid #E8E8E8;
          border-bottom: none;
          border-right: none;
          text-align: center;
          background: #fff;
          >.ant-menu-item {
            color: #000;
            border-bottom: 1px solid #E8E8E8;
            padding: 0 10px;
            max-width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            &:hover {
              background: #eaf8fe !important;
            }
          }
        }
      }
    }
  }
  .wea-cowork-list-adSearch {
    .wea-tab {
      .wea-tab-right {
        width: 100%;
        background: #fafafa;
        .wea-input-focus {
          padding-left: 0;
          background: #FFF;
          height: 34px;
          .ant-input-wrapper {
            & > input {
              width: 246px;
              height: 100%;
            }
          }
        }
        .wea-advanced-search{
          width: 96px;
          height: 34px;
        }
      }
      .wea-search-container {
        .wea-advanced-searchsAd {
          scrollbar-width: none;
          &::-webkit-scrollbar {display:none}
          -ms-overflow-style:none;
        }
        .ant-btn {
          width: 96px;
        }
        .ant-input-group-wrap {
          .ant-btn {
            width: auto;
          }
        }
        .wea-new-scroll {
          top: 0;
          border: 0;
        }
      }
      >.wea-search-container {
        >.ant-btn.wea-advanced-search {
          top: -39px;
          height: 39px;
        }
      }
    }
  }


  .wea-search-group {
    padding-left: 0;
    padding-right: 15px;
  }
  .list-tag-drop {
    .icon-coms-down {
      padding-left: 10px;
      color: #A1A1A1;
      font-size: 9px;
    }
  }

  /* 按标签下拉列表样式 */
  .list-tag-droplist>ul.ant-menu {
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
  }
  //.wea-cowork-menu{
  //  .ant-menu-submenu{
  //    z-index:14!important;
  //    .ant-menu-vertical>.ant-menu-item{
  //      color: #000;
  //      padding: 0 14px;
  //      .setable-label{
  //        width: 65px;
  //        height: 20px;
  //        line-height: 20px;
  //        color: #fff;
  //        text-align: center;
  //        box-sizing: content-box;
  //      }
  //    }
  //  }
  //}
  .cowork-list-search {
    height: 45px;
    padding: 8px 10px;
    background-color: #fbfbfb;
    border-bottom: 1px solid #E4E4E4;
    .simple {
      position: relative;
      z-index:13;
      .wea-input-focus{
        width: 250px;
      }
      .advance-button{
        display: inline-block;
        width: 85px;
        text-align: center;
        background-color: #fff;
        height: 28px;
        line-height: 28px;
        border: 1px solid #d9d9d9;
        border-bottom: 1px solid #d9d9d9; 
        border-left: none;
        cursor: pointer;
        vertical-align: middle;
      }
    }
    .advance {
      display: none;
    }
  }
  /*高级搜索隐藏区域*/
  .search-details{
    position: absolute;
    top: 83px;
    left: 0px;
    z-index: 12;
    width: @width1;
    padding: 10px 0;
    box-sizing: border-box;
    border: 1px solid #D9DCE2;
    box-shadow: 0 2px 2px 0 rgba(193,193,193,0.50);
    background-color: #fff;
    .search-details-line{
      margin-bottom: 15px;
      &:last-child{
        margin-bottom: 21px;
      }
      .ant-form-item-label{
        padding: 0 !important;
      }
      .search-bar{
        float: right;
        height: 100%;
        width: 100%;
        .type-input{
          display: inline-block;
          width: inherit;
          height: 30px;
          border: 1px solid #D9DCE2;
          text-indent:8px;
        }
      }
    }
  }
  .dividing-line{
    border-top:1px solid #D9DCE2;
    margin-top: 5.5px;
  }
  /*高级搜索底部按钮*/
  .btn-collection{
    margin-left: 24px;
    padding: 10px 22px 0 22px;
    .ant-btn{
      width:65px;
      height: 30px;
      border-radius: 3px;
      font-size: 12px;
      margin-right: 25px;
    }
    .ant-btn-primary{
      background: #5AB2EB;
      color: #fff;
    }
    .ant-btn-ghost{
      background: #fff;
      color: #484A4D;
    }
  }
  /*协作类型*/
  .cowork-list-type{
    width: 359px;
    height: 45px; 
    line-height: 45px;
    margin-bottom: 1px;
    background-color: #fff;
    box-shadow: 1px 1px 0 0 #E4E4E4;
    // border-bottom:1px solid #d9d9d9;
    position: relative;
    .ant-btn span {
      display: inline-block;
      max-width: 48px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      vertical-align: middle;
    }
    .list-type-check{
      margin-left:21px; 
    }
    .wea-dropdown{
      margin-left:15px;
      margin-bottom: 3px;
    }
    .list-type-btns {
      display: inline-block;
      position: absolute;
      right: 9px;
    }
  }
  /*协作类型下方title*/
  .wea-cowork-pro{
    background: #F9FCFF;
    box-shadow: 0 1px 0 0 #E6E6E6;
    text-indent: 8px;
    height: 25px;
    margin: 1px 0;
    line-height: 25px;
    color: #333333;
    
  }
  .cowork-theme-drop {
    width: 100%;
    .ant-select-selection {
      border: 0;
      background: #F9FCFF;
      box-shadow: 0 1px 0 0 #E6E6E6;
      color: #333333;
      height: 32px;
      border-bottom: 1px solid #e7e7e7;
      .ant-select-selection__rendered {
        line-height: 32px;
      }
      .ant-select-arrow {
        color: #B2B2B2;
      }
    }
  }
  /* 空白页 */
  .cowork-leftlist-alert-page {
    height: calc(100% - 30px);
  }
  .wea-new-scroll{
    position: relative;
    // top: -1px;
    height: calc(100% - (139.6px + 33px));

    border-bottom: 1px solid #eee;
    background-color:#fff;
    box-sizing: border-box;
    width: 100%;
  }
  .scroller{
    width:359px;
  }
  /*协作左侧区域项目列表*/
  .wea-cowork-items{
    background-color: #fff;
    cursor: pointer;
    width: @width1;
    .wea-cowork-item{
      list-style: none;
      width: 100%;
      box-sizing: border-box;
      padding: 0 0 0 23px;
      margin-bottom: 1px;
      box-shadow: 1px 1px 0 0 #E6E6E6;
      position: relative;
      &:hover{
        background-color:#F8F7EE;
      }
      &.cur {
        background-color:#F8F7EE;
      }
      .ant-checkbox-input{
        width: 13px;
        height: 13px;
      }
      .item-prefix{
        color: #FF6C6C;
      }
      .item-message-isNew{
        font-weight: 600;
        color: #333;
        line-height: 20px;
      }
      .item-message-notNew{
        color: #333;
        line-height: 20px;
        word-wrap: break-word;
      }
      .cowork-top{
        width: 33px;
        float: right;
        margin-right: 20px;
      }
      .icon-coms-Collection,.icon-coms-Collection2{
        font-size: 15px;
        color: #F6A623;
        right: 20px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
      }
      .wea-tag-container{
        // margin: -8px 0 0px 27px;
        margin: -8px 7px 0 27px;
        padding-bottom: 5px;
        .special-tag{
          margin-right:11px;
          border-radius:10px;
          color:#fff;
          .ant-tag-text {
            max-width: 232px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            display: inline-block;
          }
          .anticon-cross{
            color: inherit;
            position: relative;
            top: -6px;
          }
        }
      }
      .item-title {
        display: inline-block;
        width: 288px;
        margin: 0;
        height: 100%;
        padding: 10px 0 10px 30px;
      }
      .ant-checkbox-wrapper {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
      }
    } 
  }
  .left-bottom-tip{
    text-align: center;
    padding: 10px 0;
    width: 100%;
    i {
      transform:rotate(180deg);
      display:inline-block;
      margin-right:10px;
    }
  }
}
.wea-cowork-list.bigFont {
  >.wea-new-scroll {
    height: calc(100% - (187.3px + 33px));
  }
}
